<template>
    <div class="outer-frame">
        <SideMenu></SideMenu>
        <div class="header-content">
            <Header></Header>
            <div class="content">
                <RouterView></RouterView>
            </div>
        </div>
    </div>
</template>

<script setup>
import Header from './Header.vue'
import SideMenu from './SideMenu.vue'
import { RouterView } from 'vue-router';
</script>

<style lang="scss" scoped>
.outer-frame {
    display: flex;


    .header-content {
        flex: 1;

        .content {
            padding: 20px;
        }
    }
}
</style>  